<script>
  import $ from 'dfish-widget'
  import Method from '../Method.vue'

  export default {
    mixins: [Method],
    data() {
      return {
        name: '$.dateSheet(dateOptions, [dialogOptions])',
        remark: '弹出日期选择框(移动端的选择效果)。',
        attrs: [{
          name: 'dateOptions',
          remark: '日期相关参数',
          type: 'Object',
          attrs: [{
            name: 'value',
            remark: '日期',
            type: 'String',
          }, {
            name: 'format',
            remark: '日期格式，可选值：<var>y</var>(年) <var>M</var>(月) <var>d</var>(日) <var>H</var>(时) <var>m</var>(分) <var>s</var>(秒)',
            type: 'String',
          }, {
            name: 'maxValue',
            remark: '日期最大值',
            type: 'String',
          }, {
            name: 'minValue',
            remark: '日期最小值',
            type: 'String',
          }, {
            name: 'success',
            remark: '选择日期完成后的回调函数',
            type: 'Function',
          }]
        }, {
          name: 'dialogOptions',
          remark: '对话框属性参数。可用的属性请参考Dialog组件',
          type: 'Object',
        }],
        examples: [{
          remark: '弹出日期选择框',
          code: `
            $.dateSheet({
              value: '2020-11-12',
              format: 'yyyy-MM-dd',
              success: (d) => {
                console.log(d)
              }
            });
            `
        }]
      }
    }
  }
</script>
